.collect {
    .other {
        @include flex-between;

        div {
            margin-left: 10px;

            .iconfont {
                padding-right: 5px;
            }
        }

        .button {
            margin-left: 30px;
            padding: 10px 20px;
            border: 1px solid $border-color;
            cursor: pointer;

            &:hover {
                background-color: $theme-rgba-2;
            }
        }
    }

    .main {
        @include marginCenter(70%);
        @include flex-between;
        align-items: flex-start;

        .main-left {
            width: 78%;

            .contain {
                width: 100%;
                height: 100%;
                display: flex;
                flex-wrap: wrap;
            }
            .main-left-pagination{
                margin-top: 15px;
                float: right;
            }
            .shopMain {
                width: 100%;

                .collectShopItem {
                    position: relative;
                    padding-bottom: 30px;
                    margin-bottom: 30px;
                    border-bottom: 1px solid $border-color;
                    @include flex-between;

                    .shopPic,
                    .shopDes {
                        width: 15%;
                    }

                    .shopPic {
                        text-align: center;

                        img {
                            width: 60px;
                            height: 60px
                        }
                    }

                    .shopDes {
                        p {
                            &:nth-child(1) {
                                cursor: pointer;
                                font-size: 16px;
                                margin-bottom: 8px;
                                color: $theme-color;
                            }

                            &:nth-child(2) {
                                font-size: 14px;
                            }
                        }
                    }

                    .shopGoodContain {
                        width: 70%;
                        display: flex;
                        justify-content: flex-start;
                        flex-wrap: wrap;

                        .shopGood {
                            width: 20%;
                            padding-left: 10px;

                            p {
                                text-align: center;

                                &:nth-child(1) {
                                    img {
                                        width: 100%;
                                        height: 13vh;
                                        cursor: pointer;
                                    }
                                }

                                &:nth-child(2) {
                                    color: $money-color;
                                    font-weight: bold;
                                }
                            }
                        }
                    }
                }

                .isMuchMange {
                    position: absolute;
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    box-sizing: content-box;
                    background: linear-gradient(45deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 95%, rgba(0, 0, 0, 0.6) 95%, rgba(0, 0, 0, .6) 100%);

                    &:hover {
                        background: linear-gradient(45deg, rgba(0, 0, 0, .3) 0%, rgba(10, 0, 0, .3) 95%, $theme-rgba-8 95%, $theme-rgba-8 100%);
                    }

                    &::after {
                        content: '√';
                        position: absolute;
                        top: 2px;
                        right: 6px;
                    }
                }

                .Selected {
                    box-shadow: 0 0 0 4px $theme-rgba-8 inset;
                    background: linear-gradient(45deg, rgba(0, 0, 0, .3) 0%, rgba(10, 0, 0, .3) 95%, $theme-rgba-8 95%, $theme-rgba-8 100%);

                    &::after {
                        color: #fff;
                    }
                }
            }
        }

        .main-right {
            width: 20%;
        }
    }

}